<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页菜单</title>
		<style>
			body{
				background-color: #FFC0CB;
			}
			hr{
				border: 1px dashed #FF69B4;
			}
			ul{
				list-style: none;
			}
			li{
				float: left;
				margin: 2px;
				padding: 10px 20px 10px 20px;
				background-color: plum;
				border-radius: 50px;
			}
			li:hover{
				background-color: #FF69B4;
			}
			a{
				text-decoration: none;
				color: darkblue;
				font-weight: bold;
			}

		</style>
	</head>
	<body>
		
		<ul>
			<li><a href="user.html"target="_blank">作者介绍</a></li>
			<li><a href="images/3.png"target="_blank">作品欣赏之空手套白狼</a></li>
			<li><a href="images/2.png"target="_blank">作品欣赏之鸡飞蛋打</a></li>
			<li><a href="images/4.png"target="_blank">作品欣赏之猛虎下山</a></li>
			<li><a href="images/一知半解.png" target="_blank">作品欣赏之一知半解</a></li>
			<li><a href="images/1.png"target="_blank">支持作者</a></li>
		</ul>
		
		<br/>
		<br/>
		<br/>
		<hr/>
		<hr/>
		<div style="font-weight: bold;padding-left: 100px;font-size: 24px;">歌曲欣赏</div>
		<br />
		<br />
		<div style="font-size: 18px;font-weight: bold;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;后继者-任然</div>
		</br><audio src="images/任然%20-%20后继者%20(V0).mp3"controls="controls"></audio>
		<br />
		<br />
		<
	</body>
</html>
